<template>
	<view class="page-index">
		<view class="topBar" :style="{ height: menuButtonInfo.bottom + 10 + 'px' }">
			<view class="topItem" :style="{ height: menuButtonInfo.bottom - menuButtonInfo.top + 'px' }">
				<view class="topLocation">{{ city }}
				<image src="/static/home/city.png" style="width: 16rpx;height: 11rpx;margin-left: 8rpx;" mode=""></image>
				</view>
				<view class="topTitle">电动车维修</view>
				<view class="topLocation" style="opacity: 0;">{{ city }}
				<image src="/static/home/city.png" style="width: 16rpx;height: 11rpx;margin-left: 8rpx;" mode=""></image>
				</view>
			</view>
		</view>
		<map style="width: 100%; height: 100vh;" id="map" ref="map" :latitude="latitude" :longitude="longitude" :markers="covers" show-location :scale="scale"></map>

		<view class="locationBox">
			<view class="mapbtmboxcss">
				<view class="leftboxcss">
					<image src="/static/home/1.png" class="imgcss"></image>
					<view class="lefttextcss">平台所有师傅均已认证</view>
				</view>
				<view class="rightboxcss" @click="getKefuPhone">
					<image src="/static/home/2.png" class="img1css"></image>
					<view class="righttextcss">客服电话</view>
				</view>
			</view>
			<!-- 	<view class="chooseBox">
				<view class="chooseTitle">维修地址</view>
				<view class="chooseItem" @click="chooseLocation">
					<view class="chooseItemLeft"></view>
					<view class="chooseItemRight">{{ form.address }}</view>
				</view>
			</view> -->
			<view class="position"><image src="/static/home/position.png" mode="" @click="moveLocation" style="width: 50rpx;height: 50rpx;"></image></view>
			<view class="chooseBox">
				<view class="chooseTitle">
					<!-- <image src="/static/home/location.png" mode="" style="width: 48rpx;height: 48rpx;"></image> -->
					维修地址
				</view>
				<view class="chooseItem" @click="chooseLocation">
					<view class="dian">
						
					</view>
					<view class="chooseItemLeft ">{{ form.address }}</view>
					<!-- <view class="chooseItemRight"><uni-icons type="right" size="20"></uni-icons></view> -->
				</view>
			</view>
			<view class="submit" @click="jumpOrder()" v-if="token">一键下单</view>
			<button class="submit" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber" v-else>一键下单</button>
			<view class="tips">1分钟响应・30分钟到达</view>
			<view class="buttonBox">
				<view class="buttonItem" @click="jump('/pages/priceList/index')">
					<image src="/static/home/price.svg" class="buttonImage"></image>
					<view class="buttonRight">
						<view class="buttonRightTitle">价格清单</view>
						<view class="buttonRightTips">查看维修价格</view>
					</view>
				</view>
				<view class="buttonItem" @click="jump('/pages/customer/index')">
					<image src="/static/home/user.svg" class="buttonImage"></image>
					<view class="buttonRight">
						<view class="buttonRightTitle">联系客服</view>
						<view class="buttonRightTips">快速解决问题</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script src="./page.js"></script>

<style scoped lang="scss">
@import 'page.scss';
</style>
